﻿<UserControl
	xmlns="http://schemas.microsoft.com/client/2007"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:my="clr-namespace:LightReader.ControlLibrary;assembly=LightReader"
	mc:Ignorable="d"
	x:Class="LightReader.Register"
	d:DesignWidth="640" d:DesignHeight="480">

	<Grid x:Name="LayoutRoot2">

        <Rectangle HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Opacity="0.765" Fill="#FF8a8a8a" />

        <Border CornerRadius="30"  Height="300" Width="500" >
            <Grid x:Name="SubLayout2" ShowGridLines="True" Background="{StaticResource Background}">
                <Grid.RowDefinitions>
                    <RowDefinition Height="10"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="25"/>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="10"/>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="10"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="10"/>
                </Grid.ColumnDefinitions>

                <TextBlock 
				Grid.Row="1" 
				Grid.Column="1" 
				Text="Create an account" 
				Foreground="White"
				VerticalAlignment="Center"
				FontSize="24"/>
			
            <TextBlock x:Name="errorText"
                Grid.Row="2"
                Grid.Column="1"
                Foreground="Red"
                TextWrapping="Wrap"
                Visibility="Collapsed"/>
            
			<Grid x:Name="FormGrid" ShowGridLines="False" Grid.Row="3" Grid.Column="1">
				<Grid.RowDefinitions>
					<RowDefinition Height="Auto"/>
					<RowDefinition Height="Auto"/>
					<RowDefinition Height="Auto"/>
					<RowDefinition Height="Auto"/>
					<RowDefinition Height="Auto"/>
					<RowDefinition Height="Auto"/>
					<RowDefinition Height="Auto"/>					
				</Grid.RowDefinitions>
				<Grid.ColumnDefinitions>
					<ColumnDefinition Width="150"/>
					<ColumnDefinition Width="*"/>
				</Grid.ColumnDefinitions>
				
				<TextBlock Grid.Row="0" Grid.Column="0" Text="Username:" Foreground="White" VerticalAlignment="Center" HorizontalAlignment="Right"/>
				<Border Grid.Row="0" Grid.Column="1" Margin="5,5,5,5" CornerRadius="5,5,5,5" Background="White" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">                	
					<TextBox x:Name="userNameTextbox" Background="White" BorderBrush="#00000000" />
				</Border>
				
				<TextBlock Grid.Row="1" Grid.Column="0" Text="Email Address:" Foreground="White" VerticalAlignment="Center" HorizontalAlignment="Right"/>
				<Border Grid.Row="1" Grid.Column="1" Margin="5,5,5,5" CornerRadius="5,5,5,5" Background="White" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">                					
					<TextBox x:Name="emailAddressTextbox" Background="White" BorderBrush="#00000000"/>
				</Border>
				
				<TextBlock Grid.Row="2" Grid.Column="0" Text="Password:" Foreground="White" VerticalAlignment="Center" HorizontalAlignment="Right"/>
				<Border Grid.Row="2" Grid.Column="1" Margin="5,5,5,5" CornerRadius="5,5,5,5" Background="White" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">                									
                    <my:PasswordTextBox x:Name="passwordTextbox" Background="White" BorderBrush="#00000000"/>
				</Border>
				
				<TextBlock Grid.Row="3" Grid.Column="0" Text="Confirm Password:" Foreground="White" VerticalAlignment="Center" HorizontalAlignment="Right"/>
				<Border Grid.Row="3" Grid.Column="1" Margin="5,5,5,5" CornerRadius="5,5,5,5" Background="White" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">                													
                    <my:PasswordTextBox x:Name="passwordConfirmTextbox" Background="White" BorderBrush="#00000000"/>                    
				</Border>
				
				<StackPanel Grid.Row="4" Grid.Column="1" Orientation="Horizontal">
					<Button 
						x:Name="submitButton" 
						Content="Submit" 			                        
						Height="35" Width="75" 
						HorizontalAlignment="Left"
						Margin="0, 5, 5, 0"
						/>
					<Button
						x:Name="cancelButton"
						Content="Cancel"
						Height="35" Width="75"
						Margin="0,5,5,0"/>
						
				</StackPanel>				
			</Grid>			
		</Grid>
        </Border>
    </Grid>
</UserControl>